<template>
  <div class="wrapper">
    <div class="title">{{title}}</div>
    <div class="value">{{value}}</div>
  </div>
</template>

<script>
export default {
  name:'',
  components: {},
  data() {
    return {
    };
  },
  props: {
    title:{
        default:()=>{
            return ''
        }
    },
    value:{
        default:()=>{
            return ''
        }
    }
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {}
};
</script>
<style scoped>
.wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding:0 10px;
    justify-content: center;
    align-items: flex-start;
}
.title {
  padding: 10px;
  font-size: 30px;
  color: white;
}
.value {
  padding: 10px;
  font-size: 70px;
  color: #fef000;
  font-weight: bold;
}
</style>